<template>
  <van-tabbar
    v-model="active"
    active-color="#f66"
    :placeholder="true"
    :route="true"
  >
    <van-tabbar-item icon="home-o" to="/main/home">
      <template #icon>
        <span class="iconfont icon-shouye"></span>
      </template>
      首页
    </van-tabbar-item>
    <van-tabbar-item icon="like-o" to="/main/classify">
      <template #icon>
        <span class="iconfont icon-fenlei"></span>
      </template>
      分类
    </van-tabbar-item>
    <van-tabbar-item icon="friends-o" to="/main/cart">
      <template #icon>
        <span class="iconfont icon-gouwuche"></span>
      </template>
      购物车
    </van-tabbar-item>
    <van-tabbar-item icon="setting-o" to="/main/mine">
      <template #icon>
        <span class="iconfont icon-wode"></span>
      </template>
      我的
    </van-tabbar-item>
  </van-tabbar>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
    };
  },
};
</script>
